<template>
    <div id="app" v-show="isLoaded">
        <NavHead />
        <NuxtPage />
    </div>
</template>

<script setup>
//seo配置，支持响应式
const description = ref();
description.value = "图布斯花园搭建";
useHead({
    title: description,
    meta: [
        {
            name: "keywords",
            content: "庭院设计软件,花园设计软件,庭院在线设计平台,花园在线设计平台,园林景观在线设计平台,庭院设计效果图,庭院",
        },
        {
            name: "description",
            content: "图布斯是设计庭院花园,阳台露台,园林景观的云软件,拥有海量庭院花园模型素材,搭积木式在线设计花园,零基础可轻松上手做出超清3D效果图,可一键渲染,全景图,小视频,导出施工图,材料预算清单",
        },
    ],
});

const isLoaded = ref(false);

const scaleContent = () => {
    const scaledContent = document.getElementById("app");
    const windowWidth = window.innerWidth;
    const scaleFactor = windowWidth / 1920;
    if (scaledContent) {
        scaledContent.style.transform = `scale(${scaleFactor})`;
        scaledContent.style.transformOrigin = "top left";
    }
    isLoaded.value = true;
};

onMounted(() => {
    // 页面加载时执行缩放
    scaleContent();
});
</script>

<style>
body {
    margin: 0;
    font-family: PingFangSC, PingFang SC;
}
#app {
    width: 1920px;
}
</style>
